@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 活动专题头部 */
@import 'header_topic.css';

.header-box{ margin:0 auto;height:6500px; background:url(../images/topic/moonlight/bg.png) top center no-repeat;padding-top:700px;}
.main01{ width:1200px; margin:0 auto; position:relative; height:1200px;}
.main01 .column01{ position:absolute;top:0px; width:620px; height:236px; margin-top:70px;}
.main01 .column01 .content{ float:left;width: 260px;}
.main01 .column01 .content p{font-size:20px;/* width:160px; */ line-height:30px; font-weight:bold;margin-top: 10px; color:#fff;}
.main01 .column01 .content font{ font-size:20px;color: #FFC91D;line-height: 40px;font-weight:bold;height: 40px;}
.main01 .column01 .content span{background-color: #D82A66; padding:5px 20px; border-radius:5px;font-size:24px;}
.main01 .column01 .content a{color:#FFF;margin-top: 10px;display: block;}
.main01 .column01 img{float: right;width: 360px;height: 210px;}

.main01 .column02{ position:absolute; top:350px; right:20px; width:620px; height:236px; margin-top:70px;}
.main01 .column02 .content{ float:left;width: 260px;}
.main01 .column02 .content p{font-size: 20px;/* width:160px; */ line-height:30px; font-weight:bold;color: #fff;margin-top:20px;}
.main01 .column02 .content font{ font-size:20px;color: #FFC91D; line-height:80px;font-weight:bold;}
.main01 .column02 .content span{background-color: #D82A66; padding:5px 20px; border-radius:5px;font-size:24px;}
.main01 .column02 .content a{color:#FFF;}
.main01 .column02 img{ float:right;width: 360px;height: 210px;}

.main01 .column03{ position:absolute;top:530px; left:20px; width:500px; height:236px; margin-top:70px;}
.main01 .column03 .content{ float:left;width: 260px;}
.main01 .column03 .content p{font-size: 20px;width: 140px;line-height:30px; font-weight:bold;color: #fff;margin-top:20px;}
.main01 .column03 .content font{ font-size:20px;color: #D82A66; line-height:80px;font-weight:bold;}
.main01 .column03 .content span{background-color: #D82A66; padding:5px 20px; border-radius:5px;font-size:24px;}
.main01 .column03 .content a{color:#FFF;}
.main01 .column03 img{ float:left; margin-left:180px; margin-top:-45px; width:350px; height:235px;}

.main01 .column04{ position:absolute;top:700px; right:20px; width:550px; height:236px; margin-top:70px;}
.main01 .column04 .content{ float:right; width:180px; margin-left:20px;}
.main01 .column04 .content p{font-size: 20px;/* width:160px; */ line-height:30px;color: #fff;font-weight:bold; margin-top:20px;}
.main01 .column04 .content font{ font-size:20px;color: #D82A66; line-height:80px;font-weight:bold;}
.main01 .column04 .content span{background-color: #D82A66; padding:5px 20px; border-radius:5px;font-size:24px;}
.main01 .column04 .content a{color:#FFF;}
.main01 .column04 img{ float:right; width:350px; height:235px;}
 
 /*02*/
.main02{ width:1200px; margin:0 auto;}
.main02 .column{  width:1120px; height:270px;}
.main02 .column .title{ float:left;width:302px;}
.main02 .column .title img{} 
.main02 .column .title .bold{ line-height: 28px; font-weight:bold;font-size: 20px;width: 196px;}
.main02 .column .title .simple{line-height:30px; font-weight:bold;font-size: 16px; width:300px; color:#5d5c5a; border-top:3px solid #666;}
.main02 .column .tu{}
.main02 .column .tu .tu01{ width:380px; height:240px; }
.main02 .column .tu .tu02{ width:185px; height:129px;}
.main02 .column .price{}
.main02 .column .price font{font-size:24px; color:#d0104b; line-height:80px; font-weight:bold;}
.main02 .column .price span{ background-color:#f31f56; padding:10px 35px;; border-radius:5px;font-size:24px; }
.main02 .column .price a{ color:#fff;}





/*03*/
.main03{ width:1200px; margin:0 auto; position:relative;height: 717px;}
.main03 .column01 { overflow:hidden;}
.main03 .column01 img{ margin:0 auto; width:1200px; }
.main03 .column01 .nav{ width:550px; margin:0 auto; margin-top:30px; overflow:hidden;}
.main03 .column01 .nav li{ float:left;}
.main03 .column01 .nav li a{ font-size:36px; font-weight:bold; color:#fff; padding:20px 10px; margin:20px;line-height:100px;}
.main03 .column01 .nav li a .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main03 .column01 .nav li a:hover ,.main03 .column01 .nav li .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main03 .column01 .content{ float:left; margin:10px;}

.main03 .column01 .zu01{ width:280px; height:370px; background-color:#ca5c5c;}
.main03 .column01 .content img{width:260px; height:276px; margin:10px 0 0 10px;}
.main03 .column01 .box{ width:260px; margin-left:10px; margin-top:15px;}
.main03 .column01 .box p{ font-size:16px; width:172px;}
.main03 .column01 .box span{ font-size:16px; width:172px; margin-top:15px;}
.main03 .column01 .box img{ width:86px; height:65px;}

/*04*/
.main04{ width:1200px; margin:0 auto; position:relative;height: 747px;}
.main04 .column01 { overflow:hidden;}
.main04 .column01 img{ margin:0 auto; width:1200px; }
.main04 .column01 .nav{ width:550px; margin:0 auto; margin-top:30px;overflow:hidden;}
.main04 .column01 .nav li{ float:left;}
.main04 .column01 .nav li a{ font-size:36px; font-weight:bold; color:#fff; padding:20px 10px; margin:20px;line-height:100px;}
.main04 .column01 .nav li a .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main04 .column01 .nav li a:hover ,.main04 .column01 .nav li .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main04 .column01 .content{ float:left; margin:10px;}
.main04 .column01 .zu01{ width:280px; height:370px; background-color:#ca5c5c;}
.main04 .column01 .content img{width:260px; height:276px; margin:10px 0 0 10px;}

.main04 .column01 .box{ width:260px; margin-left:10px; margin-top:15px;}
.main04 .column01 .box p{ font-size:16px; width:172px;}
.main04 .column01 .box span{ font-size:16px; width:172px; margin-top:15px;}
.main04 .column01 .box img{ width:86px; height:65px; position:absolute;right:10px;bottom:10px;}

/*05*/
.main05{ width:1200px; margin:0 auto; position:relative; height:800px;}
.main05 .column01 { overflow:hidden;}
.main05 .column01 img{ margin:0 auto; width:1200px; }
.main05 .column01 .nav{ width:550px; margin:0 auto; margin-top:30px;overflow:hidden;}
.main05 .column01 .nav li{ float:left;}
.main05 .column01 .nav li a{ font-size:36px; font-weight:bold; color:#fff; padding:20px 10px; margin:20px;line-height:100px;}
.main05 .column01 .nav li a .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main05 .column01 .nav li a:hover ,.main05 .column01 .nav li .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main05 .column01 .content{ float:left; margin:10px;}
.main05 .column01 .zu01{ width:280px; height:370px; background-color:#ca5c5c;}
.main05 .column01 .content img{width:260px; height:276px; margin:10px 0 0 10px;}

.main05 .column01 .box{ width:260px; margin-left:10px; margin-top:15px;}
.main05 .column01 .box p{ font-size:16px; width:172px;}
.main05 .column01 .box span{ font-size:16px; width:172px; margin-top:15px;}
.main05 .column01 .box img{ width:86px; height:65px; position:absolute;right:10px;bottom:10px;}















